<template>
  <div class="w-full min-h-[100vh] bg-[#F2F4F5]" style="font-size: 16px">
    <div class=" overflow-hidden max-w-[1440px]" style="margin: 0 auto">
      <div
        class="mt-[20px] bg-white rounded-[10px] p-[30px] min-h-[500px] relative"
      >
        <div
          class="w-full pb-[30px] border-b border-b-[#DDDDDD] font-bold text-center"
          style="font-size: 20px"
        >
          {{ Info.title }}
        </div>
        <div class="mt-[20px]" v-html="Info.content"></div>
        <div class="absolute bottom-[30px] right-[30px] text-[#DDDDDD]">
          {{ Info.create_time }}
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { useRoute } from "vue-router";
import { indexGetNoticeDetail } from "@/utils/api";
import { ref } from "vue";
const route = useRoute();
const Info = ref<noticeDetailType>({});
const getData = async () => {
  const res = await indexGetNoticeDetail({ id: route.query.id });
  Info.value = res.msg;
};
getData();
</script>
